<template>
  <h1 class="not-found-page">404</h1>
</template>

<script lang="ts" setup>
  import { onMounted, onUnmounted } from 'vue'

  onMounted(() => {
    const app = document.querySelector('#app')
    app?.setAttribute('style', 'min-width: 0')
  })

  onUnmounted(() => {
    const app = document.querySelector('#app')
    app?.setAttribute('style', 'min-width: 1024px')
  })
</script>

<style lang="less" scoped>
  .not-found-page {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 60px;
  }
</style>
